<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公司介绍</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/online.css">
    <script src="../js/jquery-3.6.4.min.js"></script>
    <script src="../js/load.js"></script>
</head>
<body class="justify-content-center">
<!--所有的内容下面的内容在div里面-->
<!--应该有三个div-->
<div class=" width-1000">
    <div id="top"></div>
    <div class="justify-content-center margin-30-0">
        <div class="border-gray width-900">
            <div class="title-bar">在线留言</div>
            <div class="border-top online">
                <div>
                    <div class="justify-content-center align-items-center">
                        <div class="font-orange">我们会做的更好!</div>
                        <div class="font-gray">WE WILL DO BETTER</div>
                    </div>
                    <div class="justify-content-center">如果您对我们有什么建议、投诉、需求，可以通过留言告诉我们，我们会在第一时间了解并及时与您联系。</div>
                </div>
                <div class="justify-content-center">
                    <form class=" width-600">
                        <div>
                            <div>
                                <div>称呼：</div>
                                <div><input type="text" required></div>
                            </div>
                            <div>
                                <div>电子邮件：</div>
                                <div><input type="text" required
                                            pattern="^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$">
                                </div>
                            </div>
                            <div>
                                <div>内容：</div>
                                <div><textarea required></textarea></div>
                            </div>
                            <div>
                                <div>联系电话：</div>
                                <div><input type="text" pattern="^1[389]\d{9}$" required></div>
                            </div>
                        </div>
                        <div class="justify-content-center">
                            <input type="submit" value="提交">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div id="foot"></div>

</div>
</body>
</html>